import React from 'react'
import style from './index.module.scss'
import { useLocation } from 'react-router-dom';
import CardList from '../Common/CardList';
import { Tabs } from 'antd';
const items = [
  { key:'1', label: '教育', path: 'education'},
  { key:'2', label: '运动', path: 'exercise'},
  {key:'3' , label: "旅行", path: "travel"},
  { key:'4', label: "穿搭", path: "attire"},
  { key:'5' ,label: '美食', path: 'food'},
  { key:'6', label: '影视', path: 'movie'},
  { key:'7', label: '游戏', path: 'game'},
  {key:'8',  label: '其他', path: 'other'},
]

export default function Home() {
  return (
    <div className={style.Explor}>
      <div className={style.Head}>
          <Tabs defaultActiveKey="1" items={items.map(item=>({...item,children:<CardList comefrom="home" params={{come:item.path}} />}))}/>
        </div>
    </div>
  )
}
